body{background: white;}
body::after{background: none; height: 100%; opacity: 1;}

.w-splash{left: 0; top: 0; background: url(iphone-6-plus-wallpaper-4889-5128-hd-wallpapers.jpg) no-repeat 0 0; width: 100%; height: 1000px; transition: all 0.5s ease-in-out;}
.w-splash.w-splash-fade{opacity: 0;}
.ws-panel{position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; height: 450px; background-color: rgba(255, 255, 255, 0.35);}
.ws-panel h2{font-size: 60px; margin: 48px;}
.ws-panel h2 span{display: inline-block; height: 60px; line-height: 60px; padding: 0 20px; vertical-align: 8px; color: white; font-size: 36px; margin-left: 48px; background: #333; border-radius: 9px;}
.ws-panel p{font-size: 45px; margin: 48px;}
.wsp-btns span {font-size: 36px; display: inline-block; width: 100px; height: 46px; margin-left: 0; vertical-align: 14px; text-align: center; color: #C63E3E;}

.w-place-holder{height: 350px; border: 0; transition: all 2s ease-out;}
.w-place-holder.w-place-holder-up{height: 0;}

.w-header{margin-top: 0; height: 690px; padding: 0;}
.w-header > .row{margin:0;}
.w-header > .row > .col-xs-12{padding:0;}
.wh-head{position: relative; transition: all 1.5s 0.5s ease-out; opacity: 0;}
.wh-head.wh-head-show{opacity: 1;}
.wh-head a{position: absolute; left: 90px; top: 250px; width: 99px; height: 99px; display: block; background: url(btn_back@3x.png) no-repeat 0 0; transition: all 1s 2s ease-out; opacity: 0;}
.wh-head a.wh-head-a-show{opacity: 1;}
.wh-place-holder{height: 1000px; transition: all 1.5s 0.5s ease-out;}
.wh-place-holder.wh-place-holder-up{height: 0px;}
.wh-btns {margin-top: 40px; text-align: right; z-index: 100; transition: opacity 0.5s 2.5s ease-out; opacity: 0;}
.wh-btns.wh-btns-show{opacity: 1}
.wh-btns.wh-btns-stick{left: 0; top: 0; width: 100%; height: 210px; margin: 0; padding-top: 91px; transition: background-color 1s ease-out; background-color: #C63E3E; color: white;}
.wh-btns .whb-return {padding: 40px 50px; position: absolute; left: 25px; bottom: 0; display: none;}
.wh-btns .whb-comment {padding: 50px;}
.wh-btns .whb-like {padding: 50px; padding-right: 0;}
.wh-btns .whb-like span {font-size: 26px; display: inline-block; width: 100px; height: 36px; margin-left: -20px; vertical-align: 25px; text-align: center; color: #C63E3E;}
.wh-btns .whb-share {padding: 50px 48px 50px 30px;}
.w-header h1{font-size: 60px; color: #C63E3E; margin-top: 70px; margin-bottom: 0;}

.w-banner{margin-top: 99px; padding: 0 69px;}
.w-banner p{font-size: 45px; margin-top: 75px;}
.w-banner h2{color: #C63F3C; text-align: center; font-size: 36px; position: relative; margin-top: 111px;}
.w-banner h2::before{content: ""; position: absolute; left: 10px; top:16px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0;}
.w-banner h2::after{content: ""; position: absolute; right: 10px; top:16px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0; transform: rotate(180deg);}
.wb-box{border: 3px solid #CCC; margin-top: 48px; height: 630px;}
.wb-box img{height: 100%;}
.wb-box2{margin-top: 90px;}
.w-banner .wb-list{margin-top: 90px; margin-bottom: 20px;}
.w-banner .wb-thumb-left{padding-left: 80px;}
.w-banner .wb-text-right{padding-right: 80px;}
.w-banner .wb-text-right h3{font-size: 42px;}
.w-banner .wb-text-right p{font-size: 36px; margin-top: 10px;}
.w-banner .wb-line{border-top: 3px solid #C63F3C; margin: 42px 80px;}
.w-banner .wb-thumb-right{padding-right: 80px;}
.w-banner .wb-text-left{padding-left: 80px;}
.w-banner .wb-text-left h3{font-size: 42px;}
.w-banner .wb-text-left p{font-size: 36px; margin-top: 10px;}
.w-banner .wbt-price{background-color: #C63F3C; font-size: 36px; padding-left: 15px; padding-right: 18px; color: white; margin-top: 75px;}

.w-relevant{margin: 0; position: relative; width: 100%; height: 570px; overflow: hidden;}
.w-relevant h2{color: #C63F3C; text-align: center; font-size: 36px; position: relative; margin-top: 54px; margin-bottom: 69px;}
.w-relevant h2::before{content: ""; position: absolute; left: 10px; top:16px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0;}
.w-relevant h2::after{content: ""; position: absolute; right: 10px; top:16px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0; transform: rotate(180deg);}
.w-relevant .wr-container{position: absolute; margin: 0; padding: 0; width: 5400px; list-style: none;}
.wr-container .wr-box{float: left; width: 540px; margin-right: 48px; position: relative;}
.wr-box a{color: black;}
.wr-box h3{position: absolute; font-size: 36px; width: 80%; margin-left: 10%; margin-top: 150px; padding: 0 20px; height: 80px; line-height: 80px; text-align: center; background-color: rgba(255, 255, 255, 0.85); border: 3px solid black; outline: 20px solid rgba(255, 255, 255, 0.85);}
.wr-box img{border-radius: 18px;}

.w-footer{margin-top: 45px; margin-bottom: 48px;}
.w-footer p{font-size: 36px; margin: 0;}
.w-footer p span{display: inline-block; width: 90px; height: 90px; border-radius: 45px; border: 3px solid #CCC; vertical-align: -30px; margin: 0 21px 0 42px; background:url(i04.png) no-repeat center center;}
